<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>

	<link rel='stylesheet' type='text/css' href='css/reset.css' />
	<link rel='stylesheet' type='text/css' href='http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/start/jquery-ui.css' />
	<link rel='stylesheet' type='text/css' href='css/jquery.weekcalendar.css' />
	<link rel="stylesheet" type='text/css' href="checkbox/jquery.checkbox.css" />
	<link rel="stylesheet" type='text/css' href="checkbox/jquery.safari-checkbox.css" />
	<link rel='stylesheet' type='text/css' href='css/jquery.utils.css' />
	<link rel='stylesheet' type='text/css' href='css/jquery.timepicker.css' />
	<link rel='stylesheet' type='text/css' href='css/scoolz.css' />
	<link rel="stylesheet" type="text/css" href="css/menu.css" title="styles"  media="screen" />
		
	<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script>
	<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js'></script>
	<script type='text/javascript' src='js/date.js'></script>
	
	<script type='text/javascript' src='js/jquery.weekcalendar.js'></script>
	<script type="text/javascript" src="checkbox/jquery.checkbox.min.js"></script>
	<script type="text/javascript" src="js/jquery.utils.min.js"></script>
	<script type="text/javascript" src="js/jquery.utils.ui.min.js"></script>
	<script type="text/javascript" src="js/jquery.metadata.js"></script>
	<script type="text/javascript" src="js/mbMenu.js"></script>
	<script type="text/javascript" src="js/jquery.hoverIntent.js"></script>
	<script type='text/javascript' src='js/main.js'></script>
	<script type='text/javascript' src='js/scheduler.js'></script>

</head>
<body> 
	<h1>Scheduler</h1>
	<div id="nav">
  
	</div>
	<div id='calendar'></div>
	<div id="event_edit_container">
		<form>
			<input type="hidden" />
			<div style="width: 50%;float: left">
				<ul>
					<li>
						<span>Start Date: </span><span class="date_holder"></span> 
					</li>
					<li>
						<label for="start">Start Time: </label><input name="start" type="text" value="9:00" class="timeField"/>
					</li>
					<li>
						<label for="title">Title: </label><input type="text" name="title" />
					</li>
					<li>
						<label for="subjects">Subjects: </label><input type="text" name="subjects" />
					</li>
					<li>
						<label for="recurrence">Recurring: </label><input type="checkbox" name="recurrence"/>
					</li>				
				</ul>
			</div>
			<div style="width: 50%;float:right">
				<ul>
					<li>
						<span>End Date: </span><span class="date_holder"></span> 
					</li>
					<li>
						<label for="end">End Time: </label><input name="end" type="text" value="10:00" class="timeField"/>
					</li>
				</ul>
			</div>
			<div id="event_recurrence">
				<ul>
					<li>
						<label for="endDate">End Date: </label><input type="text" name="endDate"/>
					</li>
					<li>
						<label for="frequency">Frequency: </label>
						<select name="frequency">
							<option value="">Select Frequency</option>
							<option value="daily">Daily</option>
							<option value="weekdays">Weekdays</option>
							<option value="weekly">Weekly</option>
							<option value="monthly">Monthly</option>
						</select>
					</li>	
												
				</ul>
				<div id="day_list">
					<label for="sunday">Sunday</label><input type="checkbox" name="sunday"/>
					<label for="monday">Monday</label><input type="checkbox" name="monday"/>
					<label for="tuesday">Tuesday</label><input type="checkbox" name="tuesday"/>
					<label for="wednesday">Wednesday</label><input type="checkbox" name="wednesday"/>
					<label for="thursday">Thursday</label><input type="checkbox" name="thursday"/>
					<label for="friday">Friday</label><input type="checkbox" name="friday"/>
					<label for="saturday">Saturday</label><input type="checkbox" name="saturday"/>
				</div>	
			</div>
		</form>
	</div>
	
	
</body>
</html>
